// import TableFilterMixin from '@/mixins/TableFilterMixin'
import { Component } from 'vue-facing-decorator'
import Render from '@/render/Render'
import toNative from '@/utils/toNative'
import TableRender from '@/render/TableRender'

import MonthBeginningView from './components/MonthBeginning'
import MonthEndView from './components/MonthEnd'
import { Tabs } from 'ant-design-vue'

@Component
export class ReconciliationView extends Render {
    tabIndex = '1'
    

    render() {
        return (
            <div class="bg-white px-20px pb-20px mt-20px rounded-sm">
                {/* onTabChange={this.onTabChange} */}
                <Tabs v-model={this.tabIndex} >
                    <Tabs.TabPane tab="月初预付" key="1">
                        <MonthBeginningView />
                    </Tabs.TabPane>
                    <Tabs.TabPane tab="月底结算" key="2">
                        <MonthEndView />
                    </Tabs.TabPane>
                </Tabs>
            </div>
        )
    }
}

export default toNative<{}, {}>(ReconciliationView)